import { ThemeProvider } from '@emotion/react'
import { createTheme } from '@mui/material'
import { ReactNode } from 'react'

export const ProviderTheme = (props: { children: ReactNode }) => {
  const theme = createTheme({
    components: {
      MuiButton: {
        styleOverrides: {
          root: {
            textTransform: 'none',
          },
        },
      },
    },
  })
  return <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
}
